<template>
  <div class="companyDetailWrap">
    <div class="detailHeader" >
      <span>企业基本信息</span>
      <div class="iconWrap" >
        <router-link to="/informationRecord"><i  class="iconfont icon-fanhui"></i></router-link>
      </div>
      </div>
    <div style="margin-top: 15px;">
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">企业名称：</span>
            <span style="color:#3975FE;font-weight: bold;">摩拜有限公司</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">企业简称：</span>
            <span style="color:#3975FE;font-weight: bold;">摩拜</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">企业注册号：</span>
            <span style="color:#3975FE;font-weight: bold;">12345648766</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">注册地址：</span>
            <span style="color:#3975FE;font-weight: bold;">深圳市南山区科技园</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">注册城市：</span>
            <span style="color:#3975FE;font-weight: bold;">深圳</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">注册资本：</span>
            <span style="color:#3975FE;font-weight: bold;">5000万</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">法定代表人：</span>
            <span style="color:#3975FE;font-weight: bold;">李三</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">注册类型：</span>
            <span style="color:#3975FE;font-weight: bold;">未知</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">创建日期：</span>
            <span style="color:#3975FE;font-weight: bold;">2016.12.12</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">注册日期：</span>
            <span style="color:#3975FE;font-weight: bold;">2017.12.03</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">联系电话：</span>
            <span style="color:#3975FE;font-weight: bold;">15887846898</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">成立日期：</span>
            <span style="color:#3975FE;font-weight: bold;">2016.12.03</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">办公地址：</span>
            <span style="color:#3975FE;font-weight: bold;">深圳市南山区科技园</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">联系电话（总部）：</span>
            <span style="color:#3975FE;font-weight: bold;">0755-4521225</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">举报电话：</span>
            <span style="color:#3975FE;font-weight: bold;">15997465546</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">负责人（深圳）：</span>
            <span style="color:#3975FE;font-weight: bold;">李四</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">负责人职务：</span>
            <span style="color:#3975FE;font-weight: bold;">深圳区域经理</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">举报电话（总部）：</span>
            <span style="color:#3975FE;font-weight: bold;">15784545637</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">是否免押金：</span>
            <span style="color:#3975FE;font-weight: bold;">否</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">押金托管机构全称：</span>
            <span style="color:#3975FE;font-weight: bold;">蚂蚁金服</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">负责人联系电话：</span>
            <span style="color:#3975FE;font-weight: bold;">13457815478</span>
          </div>
        </el-col>
      </el-row>
      <el-row >
        <el-col :offset="2" :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">押金托管机构所在城市：</span>
            <span style="color:#3975FE;font-weight: bold;">深圳</span>
          </div>

        </el-col>
        <el-col :span="7">
          <div style="line-height: 20px;">
            <span style="color:#50545D; ">押金托管机构地址：</span>
            <span style="color:#3975FE;font-weight: bold;">深圳南山科技园</span>
          </div>
        </el-col>
      </el-row>
    </div>

  </div>
</template>

<script>

  export default {
    name: 'editor',
    data() {
      return {
        options1: [{
          value: '1',
          label: '通告'
        }, {
          value: '2',
          label: '新闻'
        }, {
          value: '3',
          label: '法规'
        }],
        rows:[],
        //翻页
        currentRow: null,
        tableHeight:"100",
        pageSize: 10,
        count: 0,
        currentPage: 1,
        parkInfo: "",
        parkInfo2: [],
        currentInfo: {},
      }
    },
    components: {


    },
    created(){
//     this.getRackdetailInfo()
    },
    mounted(){
      this.$nextTick(()=>{
        //表格滚动
        this.tableHeight=document.querySelector(".companyDetailWrap").clientHeight-330

      })
    },
    methods: {
      getRackdetailInfo(){
        //初始化数据
        this.axios.get(process.env.API_HOST + `/ulinkRack/details?rackNo=${this.$route.params.rackNo}&page=${this.currentPage}&size=${this.pageSize}`)
          .then(response => {
            const result = response.data
            if (result.state == 0) {
              this.count = result.data.totalCount;
              this.parkInfo= result.data.base
              if(result.data.array.length>0){
                this.rows= result.data.array
              }

                this.parkInfo2= result.data.array[0]
              this.currentInfo=result.data.status
            }

          })
      },
      handleSizeChange(val) {
        this.pageSize = val
        this.getRackdetailInfo()

      },
      handleCurrentChange(val) {
        this.currentPage = val;
        this.getRackdetailInfo()
      },
      getBicycleDetails(){
        let url = process.env.API_HOST + '/ulinkVehicle/detail?vehicleId='+this.vehicleId
        this.axios.get(url, {withCredentials: true})
          .then(response => {
            const result = response.data
            if (result.state === 0&&result.data.gps.length>0) {
              this.gpsInfo = result.data.gps;
              this.gpsLast=result.data.gps[this.gpsInfo.length-1]
            }
          })
      },


    },
    computed: {

//      editor() {
//        return this.$refs.myTextEditor.quillEditor;
//      }
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../../common/stylus/mixin.styl"
  .companyDetailWrap
    page1()
    .detailHeader
      background-color: #3975FE;text-align: center;color: white;line-height: 35px;font-size: 16px;
      .iconWrap
        float: right;margin-right: 15px;color: white;
        .iconfont
          color:white;
          &:hover
            opacity 0.8
</style>
